*{padding:0;margin:0;box-sizing:border-box;}
   .topImages_li{
      list-style:none;
      float:left;
    }
   .topImages{
      width:1920px;
      height:auto;
    }
    .container_top{
      width:1970px;
      height:436px;
      margin:50px auto 0;
      overflow:hidden;
      position:relative;
      border:1px solid black;
    }
    .topImages_ol{
      position:absolute;
      bottom:0;
      left:50%;
      padding:10px;
      margin: left -50px;
      z-index:999;
    }
    .topImages_ol_li{
      width:15px;
      height:15px;
      background-color:#fff;
      border:1px solid red;
      border-radius:50px;
      margin:0 10px;
      float:left;
    }
    .container_top_ul{
      animation:Yui 12s cubic-bezier(0,1,0,1) 1s infinite;
      width:400%;
    }
@keyframes Yui{
  0%{
    transform:translateX(0px);
  }
  33%{
    transform:translateX(-1920px);
  }
  66%{
    transform:translateX(-3840px);
  }
  100%{
    transofrm:translateX(0px);
  }  
}
topImages_ol_li{
  animation:focus 3s linear infiite;  /* 时间要和图片保持一致*/
  
}
topImages_ol_li:nth-child(1)
{
animation-delay:0s;
}
topImages_ol_li:nth-child(2){
  animation-delay:1s;
}
topImages_ol_li:nth-child(3){
  animation-delay:2s;
}
@keyframes focus{
  0%{
    background-color:#000;
  }
  20%{
    background-color:#000;
  }
  30%{
    background-color:#fff;
  }
}